.passwordWrap {
    position: relative;
    padding-bottom: 20px;
}
.password {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f2f3f4;
    .iconBtn {
        margin: 0 8px 0 4px;
        display: flex;
        align-items: center;
    }
    :global {
        .am-list-item {
            flex: 1;
            padding-left: 0;
        }
        .am-list-item .am-input-clear {
            background-color: #858b9b;
            width: 16px;
            height: 16px;
            background-size: 15px auto;
        }
        .am-list-line {
            &::after {
                background-color: transparent !important;
            }
        }
        .am-list-item .am-input-control {
            font-size: 14px;
        }
        .am-list-item .am-input-control input {
            font-size: 14px;

            &::-webkit-input-placeholder {
                color: #bcc1cd;
            }
            &::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                color: #bcc1cd;
            }
            &:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                color: #bcc1cd;
            }
            &:-ms-input-placeholder {
                /* Internet Explorer 10-11 */
                color: #bcc1cd;
            }
        }
    }
}

.label {
    position: relative;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #bcc1cd;
    span {
        position: absolute;
        left: 0;
        top: 30px;
        z-index: 99;
        font-size: 14px;
        line-height: 16px;
        transition: all 0.3s;
        &.active {
            top: 0;
            font-size: 12px;
        }
    }
}
.error {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
    line-height: 16px;
    color: #f55656;
}
